<template>
  <div class="form-box">
    <el-form ref="form" :model="form" label-width="160px">
      <el-row>
        <el-col :span="24" style="margin-bottom: 40px">
          <el-carousel height="400px">
            <el-carousel-item v-for="item in yardLayoutList" :key="item">
              <img style="width: 100%; height: 100%" :src="item" alt="" />
            </el-carousel-item>
          </el-carousel>
        </el-col>
        <el-col :span="16">
          <el-form-item label="创办人">
            {{ form.founder }}
          </el-form-item>
          <el-form-item label="创办时间">
            {{ form.createTime }}
          </el-form-item>
          <el-form-item label="小院简介">
            {{ form.desc }}
          </el-form-item>
        </el-col>
        <el-col :span="16">
          <el-form-item label="创办人">
            {{ form.founder }}
          </el-form-item>
          <el-form-item label="创办时间">
            {{ form.createTime }}
          </el-form-item>
          <el-form-item label="小院简介">
            {{ form.desc }}
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
  </div>
</template>

<script>
import commonMixin from "../mixins/common.js"
export default {
  mixins: [commonMixin],
  data() {
    return {
      yardLayoutList: [
        require("@/assets/img/yard-layout1.jpg"),
        require("@/assets/img/home-bg.jpg")
      ]
    }
  }
}
</script>

<style lang="scss" scoped>
@import "../styles/common.scss";
</style>
